<!doctype html>
<html>
<head>
	<meta charset='utf-8'/>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/sidebar.css">
</head>
<body>
	<section class='sidebar_box'>
		<ul class='sidebar' id='js_sidebar'>
			<li class='sidebar_item' id='prof' data-si='prof'>
				<span class='glyphicon glyphicon-user'></span>
				<p>我</p>
			</li>
			<li class='sidebar_item' id='asset'>
				<span class='glyphicon glyphicon-usd'></span>
				<p>资产</p>
			</li>
			<li class='sidebar_item' id='brand'>
				<span class='glyphicon glyphicon-heart'></span>
				<p>品牌</p>
			</li>
			<li class='sidebar_item' id='broadcast'>
				<span class='glyphicon glyphicon-bell'></span>
				<p>直播</p>
			</li>
			<li class='sidebar_item' id='foot'>
				<span class='glyphicon glyphicon-eye-open'></span>
				<p>看过</p>
			</li>
			<li class='sidebar_item' id='calendar'>
				<span class='glyphicon glyphicon-record'></span>
				<p>日历</p>
			</li>
		</ul>
		<div class='btn_close' id='btnClose'>
			<span class='glyphicon glyphicon-remove'></span>
		</div>
		<section class='content'>
			<div class='nav_content' id='prof_content'>
				<p>我</p>
			</div>
			<div class='nav_content' id='asset_content'>
				<p>资产</p>
			</div>
			<div class='nav_content' id='brand_content'>
				<p>品牌</p>
			</div>
			<div class='nav_content' id='broadcast_content'>
				<p>直播</p>
			</div>
			<div class='nav_content' id='foot_content'>
				<p>看过</p>
			</div>
			<div class='nav_content' id='calendar_content'>
				<p>日历</p>
			</div>
		</section>
	</section>

	<script type="text/javascript" src='js/sidebar.js'></script>
</body>
</html>